<!DOCTYPE html>
<!-- saved from url=(0094)https://m.kids-creative.com.cn/h5/operating_activities/ExperienceCourse?td_channelid=damila_h5 -->
<html data-dpr="1" id="html" style="font-size: 54px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>小码精灵</title>
    <link href="app.66737e609d33aefa9c40b1558c529c7e.css" rel="stylesheet">
    <style type="text/css">
        #__vconsole {
            color: #000;
            font-size: 13px;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif
        }

        #__vconsole .vc-max-height {
            max-height: 19.23076923em
        }

        #__vconsole .vc-max-height-line {
            max-height: 3.38461538em
        }

        #__vconsole .vc-min-height {
            min-height: 3.07692308em
        }

        #__vconsole dd, #__vconsole dl, #__vconsole pre {
            margin: 0
        }

        #__vconsole .vc-switch {
            display: block;
            position: fixed;
            right: .76923077em;
            bottom: .76923077em;
            color: #fff;
            background-color: #04be02;
            line-height: 1;
            font-size: 1.07692308em;
            padding: .61538462em 1.23076923em;
            z-index: 10000;
            border-radius: .30769231em;
            box-shadow: 0 0 .61538462em rgba(0, 0, 0, .4)
        }

        #__vconsole .vc-mask {
            top: 0;
            background: transparent;
            z-index: 10001;
            transition: background .3s;
            -webkit-tap-highlight-color: transparent;
            overflow-y: scroll
        }

        #__vconsole .vc-mask, #__vconsole .vc-panel {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0
        }

        #__vconsole .vc-panel {
            min-height: 85%;
            z-index: 10002;
            background-color: #efeff4;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }

        #__vconsole .vc-tabbar {
            border-bottom: 1px solid #d9d9d9;
            overflow-x: auto;
            height: 3em;
            width: auto;
            white-space: nowrap
        }

        #__vconsole .vc-tabbar .vc-tab {
            display: inline-block;
            line-height: 3em;
            padding: 0 1.15384615em;
            border-right: 1px solid #d9d9d9;
            text-decoration: none;
            color: #000;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

        #__vconsole .vc-tabbar .vc-tab:active {
            background-color: rgba(0, 0, 0, .15)
        }

        #__vconsole .vc-tabbar .vc-tab.vc-actived {
            background-color: #fff
        }

        #__vconsole .vc-content {
            background-color: #fff;
            overflow-x: hidden;
            overflow-y: auto;
            position: absolute;
            top: 3.07692308em;
            left: 0;
            right: 0;
            bottom: 3.07692308em;
            -webkit-overflow-scrolling: touch
        }

        #__vconsole .vc-content.vc-has-topbar {
            top: 5.46153846em
        }

        #__vconsole .vc-topbar {
            background-color: #fbf9fe;
            display: flex;
            display: -webkit-box;
            flex-direction: row;
            flex-wrap: wrap;
            -webkit-box-direction: row;
            -webkit-flex-wrap: wrap;
            width: 100%
        }

        #__vconsole .vc-topbar .vc-toptab {
            display: none;
            flex: 1;
            -webkit-box-flex: 1;
            line-height: 2.30769231em;
            padding: 0 1.15384615em;
            border-bottom: 1px solid #d9d9d9;
            text-decoration: none;
            text-align: center;
            color: #000;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

        #__vconsole .vc-topbar .vc-toptab.vc-toggle {
            display: block
        }

        #__vconsole .vc-topbar .vc-toptab:active {
            background-color: rgba(0, 0, 0, .15)
        }

        #__vconsole .vc-topbar .vc-toptab.vc-actived {
            border-bottom: 1px solid #3e82f7
        }

        #__vconsole .vc-logbox {
            display: none;
            position: relative;
            min-height: 100%
        }

        #__vconsole .vc-logbox i {
            font-style: normal
        }

        #__vconsole .vc-logbox .vc-log {
            padding-bottom: 3em;
            -webkit-tap-highlight-color: transparent
        }

        #__vconsole .vc-logbox .vc-log:empty:before {
            content: "Empty";
            color: #999;
            position: absolute;
            top: 45%;
            left: 0;
            right: 0;
            bottom: 0;
            font-size: 1.15384615em;
            text-align: center
        }

        #__vconsole .vc-logbox .vc-item {
            margin: 0;
            padding: .46153846em .61538462em;
            overflow: hidden;
            line-height: 1.3;
            border-bottom: 1px solid #eee;
            word-break: break-word
        }

        #__vconsole .vc-logbox .vc-item-info {
            color: #6a5acd
        }

        #__vconsole .vc-logbox .vc-item-debug {
            color: #daa520
        }

        #__vconsole .vc-logbox .vc-item-warn {
            color: orange;
            border-color: #ffb930;
            background-color: #fffacd
        }

        #__vconsole .vc-logbox .vc-item-error {
            color: #dc143c;
            border-color: #f4a0ab;
            background-color: #ffe4e1
        }

        #__vconsole .vc-logbox .vc-log.vc-log-partly .vc-item {
            display: none
        }

        #__vconsole .vc-logbox .vc-log.vc-log-partly-error .vc-item-error, #__vconsole .vc-logbox .vc-log.vc-log-partly-info .vc-item-info, #__vconsole .vc-logbox .vc-log.vc-log-partly-log .vc-item-log, #__vconsole .vc-logbox .vc-log.vc-log-partly-warn .vc-item-warn {
            display: block
        }

        #__vconsole .vc-logbox .vc-item .vc-item-content {
            margin-right: 4.61538462em;
            display: block
        }

        #__vconsole .vc-logbox .vc-item .vc-item-meta {
            color: #888;
            float: right;
            width: 4.61538462em;
            text-align: right
        }

        #__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-content {
            margin-right: 0
        }

        #__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-meta {
            display: none
        }

        #__vconsole .vc-logbox .vc-item .vc-item-code {
            display: block;
            white-space: pre-wrap;
            overflow: auto;
            position: relative
        }

        #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input, #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output {
            padding-left: .92307692em
        }

        #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input:before, #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
            content: "\203A";
            position: absolute;
            top: -.23076923em;
            left: 0;
            font-size: 1.23076923em;
            color: #6a5acd
        }

        #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
            content: "\2039"
        }

        #__vconsole .vc-logbox .vc-item .vc-fold {
            display: block;
            overflow: auto;
            -webkit-overflow-scrolling: touch
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer {
            display: block;
            font-style: italic;
            padding-left: .76923077em;
            position: relative
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:active {
            background-color: #e6e6e6
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:before {
            content: "";
            position: absolute;
            top: .30769231em;
            left: .15384615em;
            width: 0;
            height: 0;
            border: .30769231em solid transparent;
            border-left-color: #000
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer.vc-toggle:before {
            top: .46153846em;
            left: 0;
            border-top-color: #000;
            border-left-color: transparent
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner {
            display: none;
            margin-left: .76923077em
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner.vc-toggle {
            display: block
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner .vc-code-key {
            margin-left: .76923077em
        }

        #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer .vc-code-key {
            margin-left: 0
        }

        #__vconsole .vc-logbox .vc-code-key {
            color: #905
        }

        #__vconsole .vc-logbox .vc-code-private-key {
            color: #d391b5
        }

        #__vconsole .vc-logbox .vc-code-function {
            color: #905;
            font-style: italic
        }

        #__vconsole .vc-logbox .vc-code-boolean, #__vconsole .vc-logbox .vc-code-number {
            color: #0086b3
        }

        #__vconsole .vc-logbox .vc-code-string {
            color: #183691
        }

        #__vconsole .vc-logbox .vc-code-null, #__vconsole .vc-logbox .vc-code-undefined {
            color: #666
        }

        #__vconsole .vc-logbox .vc-cmd {
            position: absolute;
            height: 3.07692308em;
            left: 0;
            right: 0;
            bottom: 0;
            border-top: 1px solid #d9d9d9;
            display: block !important
        }

        #__vconsole .vc-logbox .vc-cmd .vc-cmd-input-wrap {
            display: block;
            height: 2.15384615em;
            margin-right: 3.07692308em;
            padding: .46153846em .61538462em
        }

        #__vconsole .vc-logbox .vc-cmd .vc-cmd-input {
            width: 100%;
            border: none;
            resize: none;
            outline: none;
            padding: 0;
            font-size: .92307692em
        }

        #__vconsole .vc-logbox .vc-cmd .vc-cmd-input::-webkit-input-placeholder {
            line-height: 2.15384615em
        }

        #__vconsole .vc-logbox .vc-cmd .vc-cmd-btn {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 3.07692308em;
            border: none;
            background-color: #efeff4;
            outline: none;
            -webkit-touch-callout: none;
            font-size: 1em
        }

        #__vconsole .vc-logbox .vc-cmd .vc-cmd-btn:active {
            background-color: rgba(0, 0, 0, .15)
        }

        #__vconsole .vc-logbox .vc-group .vc-group-preview {
            -webkit-touch-callout: none
        }

        #__vconsole .vc-logbox .vc-group .vc-group-preview:active {
            background-color: #e6e6e6
        }

        #__vconsole .vc-logbox .vc-group .vc-group-detail {
            display: none;
            padding: 0 0 .76923077em 1.53846154em;
            border-bottom: 1px solid #eee
        }

        #__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail {
            display: block;
            background-color: #fbf9fe
        }

        #__vconsole .vc-logbox .vc-group.vc-actived .vc-table-row {
            background-color: #fff
        }

        #__vconsole .vc-logbox .vc-group.vc-actived .vc-group-preview {
            background-color: #fbf9fe
        }

        #__vconsole .vc-logbox .vc-table .vc-table-row {
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
            flex-wrap: wrap;
            -webkit-box-direction: row;
            -webkit-flex-wrap: wrap;
            overflow: hidden;
            border-bottom: 1px solid #eee
        }

        #__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border {
            border-left: 1px solid #eee
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col {
            flex: 1;
            -webkit-box-flex: 1;
            padding: .23076923em .30769231em;
            border-left: 1px solid #eee;
            overflow: auto;
            white-space: pre-wrap;
            word-break: break-word;
            -webkit-overflow-scrolling: touch
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col:first-child {
            border: none
        }

        #__vconsole .vc-logbox .vc-table .vc-small .vc-table-col {
            padding: 0 .30769231em;
            font-size: .92307692em
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-2 {
            flex: 2;
            -webkit-box-flex: 2
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-3 {
            flex: 3;
            -webkit-box-flex: 3
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-4 {
            flex: 4;
            -webkit-box-flex: 4
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-5 {
            flex: 5;
            -webkit-box-flex: 5
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-6 {
            flex: 6;
            -webkit-box-flex: 6
        }

        #__vconsole .vc-logbox .vc-table .vc-table-row-error {
            border-color: #f4a0ab;
            background-color: #ffe4e1
        }

        #__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col {
            color: #dc143c;
            border-color: #f4a0ab
        }

        #__vconsole .vc-logbox .vc-table .vc-table-col-title {
            font-weight: 700
        }

        #__vconsole .vc-logbox.vc-actived {
            display: block
        }

        #__vconsole .vc-toolbar {
            border-top: 1px solid #d9d9d9;
            line-height: 3em;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            display: -webkit-box;
            flex-direction: row;
            -webkit-box-direction: row
        }

        #__vconsole .vc-toolbar .vc-tool {
            display: none;
            text-decoration: none;
            color: #000;
            width: 50%;
            flex: 1;
            -webkit-box-flex: 1;
            text-align: center;
            position: relative;
            -webkit-touch-callout: none
        }

        #__vconsole .vc-toolbar .vc-tool.vc-global-tool, #__vconsole .vc-toolbar .vc-tool.vc-toggle {
            display: block
        }

        #__vconsole .vc-toolbar .vc-tool:active {
            background-color: rgba(0, 0, 0, .15)
        }

        #__vconsole .vc-toolbar .vc-tool:after {
            content: " ";
            position: absolute;
            top: .53846154em;
            bottom: .53846154em;
            right: 0;
            border-left: 1px solid #d9d9d9
        }

        #__vconsole .vc-toolbar .vc-tool-last:after {
            border: none
        }

        #__vconsole.vc-toggle .vc-switch {
            display: none
        }

        #__vconsole.vc-toggle .vc-mask {
            background: rgba(0, 0, 0, .6);
            display: block
        }

        #__vconsole.vc-toggle .vc-panel {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
    </style>
    <style type="text/css">
        .vcelm-node {
            color: #183691
        }

        .vcelm-k {
            color: #0086b3
        }

        .vcelm-v {
            color: #905
        }

        .vcelm-l {
            padding-left: 8px;
            position: relative;
            word-wrap: break-word;
            line-height: 1
        }

        .vcelm-l.vc-toggle > .vcelm-node {
            display: block
        }

        .vcelm-l .vcelm-node:active {
            background-color: rgba(0, 0, 0, .15)
        }

        .vcelm-l.vcelm-noc .vcelm-node:active {
            background-color: transparent
        }

        .vcelm-t {
            white-space: pre-wrap;
            word-wrap: break-word
        }

        .vcelm-l .vcelm-l {
            display: none
        }

        .vcelm-l.vc-toggle > .vcelm-l {
            margin-left: 4px;
            display: block
        }

        .vcelm-l:before {
            content: "";
            display: block;
            position: absolute;
            top: 6px;
            left: 3px;
            width: 0;
            height: 0;
            border: 3px solid transparent;
            border-left-color: #000
        }

        .vcelm-l.vc-toggle:before {
            display: block;
            top: 6px;
            left: 0;
            border-top-color: #000;
            border-left-color: transparent
        }

        .vcelm-l.vcelm-noc:before {
            display: none
        }
    </style>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <link rel="stylesheet" href="public/css/islider.css">
    <script src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/public/js/islider.js"></script>
    <script>
        var appid = 'D12AD00273B94B7A984E55EBCDCCAE07';
        var vn = '1.0.0';
        var vc = '1';
        var TDBaseUrl = 'https://jic.talkingdata.com/app/h5/v1/websdk';
        var TDRequestUrl = 'https://h5.udrig.com/app/v1';

        function createScriptTd(url) {
            var _head = document.getElementsByTagName('head')[0];
            var _script = document.createElement('script');
            _script.type = 'text/javascript';
            _script.src = url;
            _head.appendChild(_script)
        };createScriptTd(TDBaseUrl + '/js/sdk_release.js');
        if (!window['JSON'] || typeof JSON !== 'object') {
            createScriptTd(TDBaseUrl + '/js/json2.js')
        }
        ;window["TDAPP"] = {};
        window["TDAPP"].onEvent = function (id, label, params) {
            if (arguments.length > 0) {
                try {
                    var opts = {count: 1, start: new Date().getTime()};
                    if (id != undefined) {
                        opts["id"] = typeof id != "string" ? JSON.stringify(id) : id
                    }
                    if (label != undefined) {
                        opts["label"] = typeof label != "string" ? JSON.stringify(label) : label
                    } else {
                        opts["label"] = ""
                    }
                    if (params != undefined) {
                        var isJson = function (obj) {
                            var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;
                            return isjson
                        };
                        if (isJson(params)) {
                            opts["params"] = params
                        } else {
                            opts["params"] = {params: ""}
                        }
                    }
                    var eventName = "__TD_td-init-event";
                    var ev = localStorage[eventName];
                    if (ev) {
                        var ca = JSON.parse(ev);
                        ca.push(opts);
                        localStorage.setItem(eventName, JSON.stringify(ca));
                        return
                    }
                    ;
                    localStorage.setItem(eventName, "[" + JSON.stringify(opts) + "]")
                } catch (e) {
                }
            }
        };

        var o = document.getElementById('html')
        var e = o.getBoundingClientRect().width;
        a = 1
        e / a > 540 && (e = 540 * a);
        var n = e / 10;
        o.style.fontSize = n + "px"
    </script>
    <script type="text/javascript" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/sdk_release.js"></script>
</head>
<body style="margin: 0px; font-size: 12px;">
<div id="app">
    <div class="experiencecourse-content"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/hand_bg.aaa3b6f.png"
                                               class="hand_bg">
        <div data-v-e9062aaa="" data-v-2b48faa5="" class="login-content login-view"><img data-v-e9062aaa=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/login_view_bg.96b0e4f.png"
                                                                                         class="login-bg">
            <div data-v-e9062aaa="" class="form-view">
                <div data-v-e9062aaa="" class="ipt-view"><input data-v-e9062aaa="" placeholder="请输入学生姓名" maxlength="20"
                                                                class="ipt ipt1-name"></div>
                <div data-v-e9062aaa="" class="ipt-view"><input data-v-e9062aaa="" placeholder="请输入您的手机号" type="number"
                                                                class="ipt ipt1-phone"></div>
                <!--<div data-v-e9062aaa="" class="ipt-view">-->
                <!--&lt;!&ndash;<input data-v-e9062aaa="" placeholder="输入验证码" type="number"&ndash;&gt;-->
                <!--&lt;!&ndash;class="ipt">&ndash;&gt;-->
                <!--&lt;!&ndash;<div data-v-e9062aaa="" class="get-verifycode-view">&ndash;&gt;-->
                <!--&lt;!&ndash;<div data-v-e9062aaa="" class="get-verifycode-btn">获取验证码</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--</div>-->
                <div data-v-e9062aaa="" class="now-receive ipt1"><span data-v-e9062aaa="">立即领取</span></div>
            </div>
        </div>
        <img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/wave.78eab1b.png" class="wave">
        <div data-v-2b48faa5="" class="content">
            <div data-v-2b48faa5="" class="course-content">
                <div data-v-2b48faa5="" class="title-view"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/title_bg.f105d05.png"
                                                                class="title-bg">
                    <div data-v-2b48faa5="" class="title-text">试听课包含</div>
                </div>
                <img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/course_content.7002bd3.png" class="course-content-img"></div>
            <div data-v-2b48faa5="" class="tykdjm">
                <div data-v-2b48faa5="" class="title-view"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/title_bg.f105d05.png"
                                                                class="title-bg">
                    <div data-v-2b48faa5="" class="title-text">体验课大揭秘</div>
                </div>
                <div data-v-2b48faa5="" class="gif-view">
                    <div data-v-2b48faa5="" class="gif-title"><span data-v-2b48faa5="">学生通过使用图形化编程语言Scratch完成一款结合<span
                            data-v-2b48faa5="" class="highlight">声控技术</span>和<span data-v-2b48faa5="" class="highlight">数学几何知识</span>的迷宫游戏。</span>
                    </div>
                    <img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/gif1.b045df4.gif" class="gif1"> <img data-v-2b48faa5=""
                                                                                      src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/gif2.ad3807d.gif"
                                                                                      class="gif2"></div>
                <div data-v-2b48faa5="" class="course-system"><span data-v-2b48faa5="" class="system-title">学会用<span
                        data-v-2b48faa5="" class="highlight">数学</span>+<span data-v-2b48faa5=""
                                                                             class="highlight">计算思维</span>解决问题</span>
                    <img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/system_img.7ea7019.png" class="system-img"></div>
                <div data-v-2b48faa5="" class="inclasspictures-view"><span data-v-2b48faa5=""
                                                                           class="inclasspictures-title">名师在线教学</span>
                    <div data-v-2b48faa5="" class="inclasspictures">
                        <div data-v-058b60ce="" data-v-2b48faa5="" class="pictures-view">
                            <div data-v-058b60ce="" class="vux-slider picture-swiper">
                                <div class="vux-swiper" id="sli-minshi" style="height: 291.875px;">
                                </div>
                                <!--<div class="vux-indicator vux-indicator-center"><a href="javascript:"><i-->
                                <!--class="vux-icon-dot"></i></a><a href="javascript:"><i-->
                                <!--class="vux-icon-dot active"></i></a><a href="javascript:"><i-->
                                <!--class="vux-icon-dot"></i></a>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-2b48faa5="" class="why-xmjl-view">
                <div data-v-2b48faa5="" class="title-view"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/title_bg.f105d05.png"
                                                                class="title-bg">
                    <div data-v-2b48faa5="" class="title-text">为什么选择小码精灵</div>
                </div>
                <div data-v-2b48faa5="" class="why-xmjl-video">
                    <video data-v-2b48faa5="" controls="controls"
                           src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/advertise.mp4"
                           poster="./introduce_icon.13b4f50.png" class="introduce-video"></video>
                </div>
                <div data-v-2b48faa5="" class="sdkr"><span data-v-2b48faa5="" class="sdkr-title">解决家长<span
                        data-v-2b48faa5="" class="highlight">四大困扰</span></span>
                    <div data-v-2b48faa5="" class="kr-item"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/kr_pic1.1919011.png"
                                                                 class="kr-pic">
                        <div data-v-2b48faa5="" class="kr-des-item">
                            <div data-v-2b48faa5="" class="kr-title">1.孩子数学不好？</div>
                            <div data-v-2b48faa5="" class="kr-des">拒绝刷题，培养孩子应用数学思维，在趣味编程中理解数学难题，高效提升数学成绩。</div>
                        </div>
                    </div>
                    <div data-v-2b48faa5="" class="kr-item"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/kr_pic2.68d3667.png"
                                                                 class="kr-pic">
                        <div data-v-2b48faa5="" class="kr-des-item">
                            <div data-v-2b48faa5="" class="kr-title">2.怕孩子沉迷游戏？</div>
                            <div data-v-2b48faa5="" class="kr-des">学会制作游戏就等于拥有了“上帝视角”，了解游戏运行机制后自然不会再沉迷其中。</div>
                        </div>
                    </div>
                    <div data-v-2b48faa5="" class="kr-item"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/kr_pic3.e903bdf.png"
                                                                 class="kr-pic">
                        <div data-v-2b48faa5="" class="kr-des-item">
                            <div data-v-2b48faa5="" class="kr-title">3.孩子学习粗心？</div>
                            <div data-v-2b48faa5="" class="kr-des">程序代码很严谨，出错后影响运行效果，在学习编程过程中会养成细心的好习惯。</div>
                        </div>
                    </div>
                    <div data-v-2b48faa5="" class="kr-item"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/kr_pic4.3dd9e73.png"
                                                                 class="kr-pic">
                        <div data-v-2b48faa5="" class="kr-des-item">
                            <div data-v-2b48faa5="" class="kr-title">4.学编程太难？</div>
                            <div data-v-2b48faa5="" class="kr-des">图形化编程，简单易上手，美国哥伦比亚大学教育学院参与课程设计，趣味化学习让编程不再枯燥。</div>
                        </div>
                    </div>
                </div>
                <div data-v-2b48faa5="" class="kgj"><span data-v-2b48faa5="" class="kgj-span"><span
                        data-v-2b48faa5=""><span data-v-2b48faa5="" class="highlight">跨国际</span>课程研发</span> <span
                        data-v-2b48faa5=""><span data-v-2b48faa5="" class="highlight">名师实战派</span>强强联合</span></span>
                    <div data-v-2b48faa5="" class="teachers">
                        <div data-v-153f15aa="" data-v-2b48faa5="" class="techerinfos-view">
                            <div data-v-153f15aa="" class="vux-slider teacher-swiper">
                                <div class="vux-swiper" style="height: 350.25px;">
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(-1401px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/yangfan_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">杨帆</span>
                                                    <span data-v-d740634e="" class="teacher-grading">专家级别讲师</span> <span
                                                            data-v-d740634e="" class="teacher-describe">湖南大学本科计算机科学与应用专业，原腾讯社交网络事业群资深专家工程师。精通图形化编程，对编程和少儿教育的结合，有丰富的实战经验。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(-934px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/NathanHolbert_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">Nathan Holbert</span>
                                                    <span data-v-d740634e="" class="teacher-grading">教研专家</span> <span
                                                            data-v-d740634e="" class="teacher-describe">STEM教育专家，美国哥伦比亚大学教育学院通讯、媒体及学习科技设计教授。美国西北大学教育法博士，华盛顿大学教育专业硕士。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(-467px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/hongrongzhao_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">洪荣昭</span>
                                                    <span data-v-d740634e="" class="teacher-grading">教研专家</span> <span
                                                            data-v-d740634e="" class="teacher-describe">台湾师范大学工业教育系教授，美国伊利诺大学博士，现任中华创意发展协会理事长，Power Tech仿生机器人比赛创始人。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(0px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/jiangmi_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">蒋密</span>
                                                    <span data-v-d740634e="" class="teacher-grading">教研专家</span> <span
                                                            data-v-d740634e="" class="teacher-describe">中国人民大学硕士，12年教育培训行业经验。卓越深圳数学负责人，承担英才事业部科学与数学方面的前沿研发工作。多次荣获“华杯赛”、“希望杯”优秀教练</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(467px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/zhengyibo_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">郑一溥</span>
                                                    <span data-v-d740634e="" class="teacher-grading">教研专家</span> <span
                                                            data-v-d740634e="" class="teacher-describe">曾作为中国第一批参与美国麻省理工大学发明创新团队的成员，美国哥伦比亚大学教育科技及大数据硕士。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(934px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/wuxingxing_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">吴星星</span>
                                                    <span data-v-d740634e="" class="teacher-grading">首席讲师</span> <span
                                                            data-v-d740634e="" class="teacher-describe">前达内教育集团教学主管，高级讲师，多年少儿编程课程Scratch、Javascript线下授课经验。教学中将STEAM教育与创客经验理念融合开发少儿编程课程</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(1401px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/huangyangyan_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">黄阳彦</span>
                                                    <span data-v-d740634e="" class="teacher-grading">高级讲师</span> <span
                                                            data-v-d740634e="" class="teacher-describe">深圳大学硕士，韩国公费留学生，曾连续7年获得国家奖学金，国际交流奖学金。拥有丰富的一线少儿编程教学经验，深受学生家长好评。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-v-153f15aa="" class="vux-swiper-item swiper-slide"
                                         style="transform: translate3d(1868px, 0px, 0px); transition: all 300ms ease 0s;">
                                        <div data-v-d740634e="" data-v-153f15aa="" class="teacherInfo-item-view">
                                            <div data-v-d740634e="" class="content"><img data-v-d740634e=""
                                                                                         src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/yinjia_icon.png"
                                                                                         class="teacher-head-icon">
                                                <div data-v-d740634e="" class="teacher-info"><span data-v-d740634e=""
                                                                                                   class="teacher-name">尹嘉</span>
                                                    <span data-v-d740634e="" class="teacher-grading">专家级讲师</span> <span
                                                            data-v-d740634e="" class="teacher-describe">硕士，毕业于科克大学（世界百强名校，爱尔兰最顶尖的大学之一）。曾获得国际优秀留学生奖学金。曾工作于腾讯互动娱乐研发部。</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--<div class="vux-indicator vux-indicator-center"><a href="javascript:"><i-->
                                <!--class="vux-icon-dot"></i></a><a href="javascript:"><i-->
                                <!--class="vux-icon-dot active"></i></a><a href="javascript:"><i-->
                                <!--class="vux-icon-dot"></i></a><a href="javascript:"><i class="vux-icon-dot"></i></a><a-->
                                <!--href="javascript:"><i class="vux-icon-dot"></i></a><a href="javascript:"><i-->
                                <!--class="vux-icon-dot"></i></a><a href="javascript:"><i class="vux-icon-dot"></i></a><a-->
                                <!--href="javascript:"><i class="vux-icon-dot"></i></a></div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-2b48faa5="" class="jzpj">
                <div data-v-2b48faa5="" class="title-view"><img data-v-2b48faa5="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/title_bg.f105d05.png"
                                                                class="title-bg">
                    <div data-v-2b48faa5="" class="title-text">来自家长们的评价</div>
                </div>
                <div data-v-2b48faa5="" class="screenshots">
                    <div data-v-d26a3672="" data-v-2b48faa5="" class="screenshot-view">
                        <div data-v-d26a3672="" class="vux-slider screenshot-swiper">
                            <div class="vux-swiper" id="sli-opp" style="height: 758.875px;">
                            </div>
                            <!--<div class="vux-indicator vux-indicator-center"><a href="javascript:"><i-->
                                    <!--class="vux-icon-dot"></i></a><a href="javascript:"><i-->
                                    <!--class="vux-icon-dot active"></i></a></div>-->
                        </div>
                    </div>
                </div>
            </div>
            <span data-v-2b48faa5="" class="copyright">版权所有©2018深圳市乐天童创科技有限公司</span>
            <div data-v-2b48faa5="" class="bottom-btn" style="display: none;">
                <div data-v-2b48faa5="" class="btn-receive">
                    免费领取价值199元试听课
                </div>
            </div>
            <div data-v-a9b8893e="" data-v-2b48faa5="" class="vux-x-dialog">
                <div class="weui-mask" style="display: none;"></div>
                <div class="weui-dialog" style="display: none;">
                    <div data-v-2b48faa5="" class="pop-content">
                        <div data-v-e9062aaa="" data-v-2b48faa5="" class="login-content">
                            <img data-v-e9062aaa="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/login_view_bg.96b0e4f.png" class="login-bg">
                            <div data-v-e9062aaa="" class="form-view">
                                <div data-v-e9062aaa="" class="ipt-view"><input data-v-e9062aaa="" placeholder="请输入学生姓名"
                                                                                maxlength="20" class="ipt ipt2-name"></div>
                                <div data-v-e9062aaa="" class="ipt-view"><input data-v-e9062aaa=""
                                                                                placeholder="请输入您的手机号" type="number"
                                                                                class="ipt ipt2-phone"></div>
                                <div data-v-e9062aaa="" class="now-receive ipt2"><span data-v-e9062aaa="">立即领取</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui-loading_toast vux-loading vux-loading-no-text" style="display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast"><i class="weui-loading weui-icon_toast"></i> <!----></div>
</div>
</body>
<script>
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    var shopId = getQueryString('shopId')
    var chainId = getQueryString('chainId')
    // var apiUrl = 'http://test-game-api.bestpeng.com/api/agents'
    var apiUrl = 'https://api.bestpeng.com:91/api/agents'
    var jumpUrl = 'https://api.bestpeng.com:91/api/game/analyze/13?src=12'

    var list = [
        {
            'content': '<div data-v-058b60ce="" class="vux-swiper-item swiper-slide" > <div data-v-52c993e4="" data-v-058b60ce="" class="pictures-item-view"> <div data-v-52c993e4="" class="content"><img data-v-52c993e4="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/picture1.png" class="pricture"></div></div></div>',
        },
        {
            'content': '<div data-v-058b60ce="" class="vux-swiper-item swiper-slide" > <div data-v-52c993e4="" data-v-058b60ce="" class="pictures-item-view"> <div data-v-52c993e4="" class="content"><img data-v-52c993e4="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/picture2.png" class="pricture"></div></div></div>',
        },
        {
            'content': '<div data-v-058b60ce="" class="vux-swiper-item swiper-slide" > <div data-v-52c993e4="" data-v-058b60ce="" class="pictures-item-view"> <div data-v-52c993e4="" class="content"><img data-v-52c993e4="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/picture3.png" class="pricture"></div></div></div>',
        }
    ]

    var list2 = [
        {
            'content': '<div data-v-d26a3672="" class="vux-swiper-item swiper-slide" > <div data-v-4b7affe6="" data-v-d26a3672="" class="screenshot-item-view"> <div data-v-4b7affe6="" class="content"><img data-v-4b7affe6="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/screenshot2.png" class="screenshot"></div></div></div>',
        },
        {
            'content': '<div data-v-d26a3672="" class="vux-swiper-item swiper-slide" > <div data-v-4b7affe6="" data-v-d26a3672="" class="screenshot-item-view"> <div data-v-4b7affe6="" class="content"><img data-v-4b7affe6="" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/screenshot3.png" class="screenshot"></div></div></div>',
        },
    ]

    var opts = {
        type: 'dom',
        data: list,
        dom: document.getElementById("sli-minshi"),
        isLooping: true,
    }

    var opts2 = {
        type: 'dom',
        data: list2,
        dom: document.getElementById("sli-opp"),
        isLooping: true,
    }

    var islider = new iSlider(opts);
    var islider2 = new iSlider(opts2);
    islider.addDot();
    islider2.addDot();

    // 滚动条位置
    $(window).scroll(function (event) {
        var top = $(this).scrollTop()
        if (top > 600) {
            $('.bottom-btn').show()
        } else {
            $('.bottom-btn').hide()
        }
    });

    // 弹出显示框
    $('.bottom-btn').click(function () {
        $('.weui-mask').show()
        $('.weui-dialog').show()
    })

    // 隐藏显示框
    $('.pop-content').click(function () {
        $('.weui-mask').hide()
        $('.weui-dialog').hide()
    })

    // 阻止表单冒泡
    $('.login-content').click(function () {
        return false
    })

    var reg = /^[\u4e00-\u9fa5]{2,15}$/ // 验证姓名
    var myPhone = /^[1][3,4,5,7,8][0-9]{9}$/ // 验证手机号
    var str = /^[\u4e00-\u9fa5]{3,40}$/ // 验证收货地址

    // 提交表单
    $('.ipt1').click(function () {
        var name = $('.ipt1-name').val()
        var phone = $('.ipt1-phone').val()

        if (!myPhone.test(phone)) {
            alert('请填写正确的手机号码')
            return false
        }
        if (!reg.test(name)) {
            alert('请填写正确的用户名称')
            return false
        }

        var data = {
            name: name,
            mobile: phone,
            shopId: shopId,
            chainId: chainId,
            address: '北京省北京市'
        }

        $.ajax({
            type: "POST",
            url: apiUrl,
            data: data,
            dataType: "json",
            success: function(res){
                if (res.error == 0) {
                    alert('提交成功')
                    location.href = jumpUrl
                } else {
                    alert('提交失败')
                }
            }
        });

    })

    // 提交表单
    $('.ipt2').click(function () {
        var name = $('.ipt2-name').val()
        var phone = $('.ipt2-phone').val()

        if (!myPhone.test(phone)) {
            alert('请填写正确的手机号码')
            return false
        }
        if (!reg.test(name)) {
            alert('请填写正确的用户名称')
            return false
        }

        var data = {
            name: name,
            mobile: phone,
            shopId: shopId,
            chainId: chainId,
            address: '北京省北京市'
        }

        $.ajax({
            type: "POST",
            url: apiUrl,
            data: data,
            dataType: "json",
            success: function(res){
                if (res.error == 0) {
                    alert('提交成功')
                    location.href = jumpUrl
                } else {
                    alert('提交失败')
                }
            }
        });

    })
</script>
<!--<script type="text/javascript" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/manifest.3ad1d5771e9b13dbdad2.js"></script>-->
<!--<script type="text/javascript" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/vendor.889110ab6a0dc41b12c6.js"></script>-->
<!--<script type="text/javascript" src="https://zhuanduobao-oss.bestpeng.com/product/xiaoma/app.bf6aa7b402ce29e061fa.js"></script>-->
</html>